<!-- 基金条目 -->
<div class="box box-default">
  <div class="box-body">
    <form class="form-inline" style="margin-bottom:8px !important;">
      <div class="box box-default">
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
          <!-- <button class="btn btn-box-tool pull-right" data-widget="collapse">
            <i class="fa fa-minus"></i>
          </button> -->
        </div>
        <div class="box-body" style="display:block;padding-bottom:0px;">
          <div class="form-group col-lg-12" style="padding-left:5px !important;margin-bottom:8px !important;">
            <label class="control-label">基金代码：</label>
            <input type="text" class="form-control" placeholder="基金代码" maxlength="20" [(ngModel)]="getBody.sFundCode"
              name="sFundCode">
            <label class="control-label">基金名称：</label>
            <input type="text" class="form-control" placeholder="基金名称" maxlength="128" [(ngModel)]="getBody.sFundName"
              name="sFundName">
          </div>
          <div class="form-group col-lg-12" style="padding-left:5px !important;margin-bottom:8px !important;">
            <label class="control-label">基金类型：</label>
            <select class="form-control" name="sFundType" style="width:183px !important;" [(ngModel)]="getBody.sFundType" (ngModelChange)="sStatusChange()">
              <option [value]="item.sFundType" *ngFor="let item of fundList; let i=index">{{item.sFundTypeZh}}</option>
            </select>
            <label class="control-label">运作状态：</label>
            <select class="form-control" name="sStatus" style="width:183px !important;" [(ngModel)]="getBody.sStatus">
              <option [value]="''">全部</option>
              <option [value]="item.sItemKey" *ngFor="let item of sStatusList; let i=index">{{item.sItemValue}}</option>
            </select>
            <button type="button" class="btn btn-primary" style="margin-left:10px;" (click)="loadlist(1)">
              <i class="fa fa-search"></i>查询</button>
          </div>
        </div>
      </div>
    </form>
    <div class="ibt-fixed-table-container">
      <div class="table-scroll-content">
        <table class="table table-bordered table-hover table-striped table-keep-line" style="margin-top:unset !important;">
          <tr>
            <th class="width-10">基金代码</th>
            <th class="width-25">基金名称</th>
            <th class="width-20">基金类型</th>
            <th class="width-20">运作状态</th>
            <th class="width-15">终止日期</th>
            <th class="width-10">操作</th>
          </tr>
          <tr *ngFor="let item of listData">
            <td class="short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
            <td class="short_name" [attr.title]="item.sFundName">{{item.sFundName}}</td>
            <td class="short_name" [attr.title]="item.sFundTypeZh">{{item.sFundTypeZh}}</td>
            <td class="short_name" [attr.title]="item.sStatusZh">{{item.sStatusZh}}</td>
            <td class="short_name" [attr.title]="item.dStop">{{item.dStop}}</td>
            <!-- <td (click)="showModal(item)">查看</td> -->
            <td>
              <button (click)="showModal(item)" class="btn-xs btn-primary product-status">
                <i class="fa fa-edit"></i>查看</button>
            </td>
          </tr>
        </table>
      </div>
    </div>
    <div class="box-footer clearfix" style="width:100%;">
      <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">
            当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
          </span>
          <span class="page-list">
            每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{listPageInfo.pageSize}}</span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
            </span>
            条
          </span>
        </div>
      </app-pagination>
    </div>
  </div>
</div>


<!-- 查看modal -->
<div class="modal modal-detail" id="modal1">
  <div #detail></div>
</div>
<!-- 查看modal end -->